﻿  .toast {
    -webkit-animation-duration: .6s;
    -moz-animation-duration: .6s;
    -o-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  
  /* animations */
  @-webkit-keyframes shake {
  0%,100% {
  -webkit-transform: translateX(0);
  }
  
  10%,30%,50%,70% {
  -webkit-transform: translateX(-10px);
  }
  
  20%,40%,60%{
  -webkit-transform: translateX(10px);
  }
  }
  
  @-moz-keyframes shake {
  0%,100% {
  -webkit-transform: translateX(0);
  }
  
  10%,30%,50%,70% {
  -webkit-transform: translateX(-10px);
  }
  
  20%,40%,60%{
  -webkit-transform: translateX(10px);
  }
  }
  
  @-o-keyframes shake {
  0%,100% {
  -webkit-transform: translateX(0);
  }
  
  10%,30%,50%,70% {
  -webkit-transform: translateX(-10px);
  }
  
  20%,40%,60%{
  -webkit-transform: translateX(10px);
  }
  }
  
  @keyframes shake {
  0%,100% {
  transform: translateX(0);
  }
  
  10%,30%,50%,70%,90% {
  transform: translateX(-10px);
  }
  
  20%,40%,60%,80% {
  transform: translateX(10px);
  }
  }
  
  .toast-error {
      background-color: #BD362F;
  }
  .toast-top-left {
      top: 12px;
      left: 12px;
  }
  #toast-container {
      position: fixed;
      z-index: 9999;
      & > .toast-success {
          background-image: url("") !important;
      }
      & > :hover {
          border:1px solid #fff;
          filter: alpha(opacity=100);
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          opacity: 1;
          cursor: pointer;
      }
      & > .toast-error {
          background-image: url("") !important;
      }
      & > .toast-warning {
          background-image: url("") !important;
      }
      & > .toast-info {
          background-image: url("") !important;
      }
      & > div {
          background-position: 15px center;
          background-repeat: no-repeat;
          -moz-border-radius: 10px;
          -webkit-border-radius: 10px;
          border-radius: 10px;
          color: #FFFFFF;
          text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
          margin: 0 0 6px;
          padding: 15px 15px 15px 50px;
          width: 150px;
          border:1px solid #fff;
      }
  }
  .toast {
      background-color: #f89406;
  }
  .toast-info {
      background-color: #739BC5;
  }
  .toast-message a, .toast-message label {
      color: #FFF;
  }
  .toast-title {
      font-weight: bold;
  }
  .toast-top-right {
      top: 30px;
      right: 12px;
  }
  .toast-success {
      background-color: #51A351;
  }
  .toast-bottom-right {
      right: 12px;
      bottom: 12px;
  }
  .toast-warning {
      background-color: #f89406;
      -webkit-animation-name: shake;
      -moz-animation-name: shake;
      -o-animation-name: shake;
      animation-name: shake;
  }
  .toast-bottom-left {
      left: 12px;
      bottom: 12px;
  }
  .toast-message {
      word-wrap: break-word;
      a:hover {
          color: #CCC;
          text-decoration: none;
      }
  }
  
